<script type="text/javascript">
var data=<?php echo json_encode($books); ?>;


//alert(data[0].Product.name);
//alert(data.length);

</script>

<?php 

echo $this->Html->script('pagination.js');
?>
		<div id="products_container">
			
		</div>

        <div id="Pagination">
        </div>
		<br style="clear:both;" />
    
        
		
      
        <!-- This form is just to demonstrate the whole range of options and display styles. -->
		<form style=" visibility: hidden; height: 0px; " name="paginationoptions">
			<p><label for="items_per_page">Number of items per page</label><input type="text" value="9" name="items_per_page" id="items_per_page" class="numeric"/></p>
			<p><label for="num_display_entries">Number of pagination links shown</label><input type="text" value="10" name="num_display_entries" id="num_display_entries" class="numeric"/></p>
			<p><label for="num">Number of start and end points</label><input type="text" value="2" name="num_edge_entries" id="num_edge_entries" class="numeric"/></p>
			<p><label for="prev_text">"Previous" label</label><input type="text" value="Prev" name="prev_text" id="prev_text"/></p>
			<p><label for="next_text">"Next" label</label><input type="text" value="Next" name="next_text" id="next_text"/></p>
			<input type="button" id="setoptions" value="Set options" />
		</form>


<!--  <div class="actions">
	<h3><?php __('Actions'); ?></h3>
	<ul>
		<li><?php echo $this->Html->link(__('New Book', true), array('action' => 'add')); ?></li>
		<li><?php echo $this->Html->link(__('List Producers', true), array('controller' => 'producers', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Producer', true), array('controller' => 'producers', 'action' => 'add')); ?> </li>
		<li><?php echo $this->Html->link(__('List Products', true), array('controller' => 'products', 'action' => 'index')); ?> </li>
		<li><?php echo $this->Html->link(__('New Product', true), array('controller' => 'products', 'action' => 'add')); ?> </li>
	</ul>
</div> -->
	
